<!DOCTYPE html>
<html>
<head>
	<title>Don't Starve le Guide de nutrition</title>
	<link rel="shortcut icon" href="icon.png" />
	<meta charset='utf-8' />
	<style type="text/css">
		body { background: #ccc; width: 1000px; margin-left: auto; margin-right: auto; overflow: scroll; font-family: sans-serif; }
		a { color: #333; }
		a:hover { color: #888; }
		#navbar { position: relative; left: 0px; top: 0px; display: block; z-index: 1; }
		#navbar li { display: inline-block; list-style-type: none; padding-left: 0px; margin-left: 0px; border: 1px solid black; background: #ddd; cursor: pointer; margin-bottom: 8px; vertical-align: top; padding: 4px; }
		#navbar li.selected { font-weight: bold; background: #fff; padding-top: 8px; margin-bottom: 0px; border-radius: 0px 0px 6px 6px; border-bottom: 2px solid black; }
		#navbar a { color: inherit; text-decoration: none; }
		#main { background: #eee; position: relative; top: -40px; padding: 10px; padding-top: 40px; border: 1px solid #999; }
		.ingredientlist {  }
		span.ingredient { width: 68px; height: 68px; display: inline-block; margin: 0px; margin-right: 5px; overflow: hidden; cursor: pointer; background: url('img/background.png') top left no-repeat; position: relative; }
		span.ingredient img { display: block; position: absolute; top: 50%; left: 50%; width: 64px; height: 64px; margin-left: -32px; margin-top: -32px; border: none; }
		.searchselector { display: inline-block; padding: 0px 0px 0px 2px; line-height: 22px; vertical-align: bottom; border: 1px solid #999; border-right: none; height: 100%; background: #ccc; background: linear-gradient(to top, rgba(170, 170, 170, 1) 0%,rgba(170, 170, 170, 0) 50%); background: -webkit-linear-gradient(to top, rgba(170, 170, 170, 1) 0%,rgba(170, 170, 170, 0) 50%); background: -moz-linear-gradient(to top, rgba(170, 170, 170, 1) 0%,rgba(170, 170, 170, 0) 50%); background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(170,170,170,1)), color-stop(50%,rgba(170,170,170,0))); border-radius: 3px 0px 0px 3px; transition: border-bottom-left-radius 100ms ease; cursor: pointer; }
		.searchselector.retracted:after { content: ''; margin-left: 3px; margin-right: 2px; width: 0; height: 0; display: inline-block; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #444; margin-bottom: 2px; }
		.searchselector.extended:after { content: ''; margin-left: 3px; margin-right: 2px; width: 0; height: 0; display: inline-block; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #444; margin-bottom: 2px; }
		.searchselector:active { background-color: #777; }
		.searchdropdown { z-index: 2; position: absolute; height: 0px; overflow: hidden; border-radius: 0px 0px 3px 3px; transition: height 200ms ease, border-top-left-radius 100ms ease; border-top-left-radius: 3px; }
		.searchdropdown div { background: #ccc; border: 1px solid #888; border-top: none; cursor: pointer; padding: 0px 2px 0px 2px; }
		.ingredientpicker { border: 1px solid #888; padding: 3px; height: 12pt; border-radius: 0px 4px 4px 0px; }
		.ingredientpicker:hover { border: 1px solid #aaa; }
		.ingredientdropdown { display: block; z-index: 1; }
		.ingredientdropdown div { margin: 0px; padding: 0px; margin-bottom: 4px; text-align: justify; }
		.ingredientdropdown div span { border: 1px solid #bbb; font-size: 8pt; padding-top: 2px; white-space: nowrap; text-align: center; line-height: 14px; display: inline-block; vertical-align: top; padding-left: 1px; overflow: hidden; padding-right: 1px; margin: 1px; list-style-type: none; cursor: pointer; border-radius: 4px; background: #ddd; background: linear-gradient(to bottom, #dddddd 0%,#cccccc 2px,#cccccc 60%,#bbbbbb 85%,#888888 100%); background: -moz-linear-gradient(to bottom, #eeeeee 0%,#dddddd 8%,#dddddd 60%,#cccccc 85%); background: -webkit-linear-gradient(to bottom, #eeeeee 0%,#dddddd 8%,#dddddd 60%,#cccccc 85%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee),color-stop(8%, #dddddd),color-stop(60%, #dddddd),color-stop(85%, #cccccc)); }
		.ingredientdropdown span img { margin-left: auto; margin-right: auto; width: 20px; height: 20px; display: block; }
		.ingredientdropdown span:hover { background: #eee; background: linear-gradient(to bottom, #ffffff 0%,#d8d8d8 2px,#d8d8d8 60%,#c8c8c8 85%,#aaaaaa 100%); background: -moz-linear-gradient(to bottom, #ffffff 0%,#d8d8d8 2px,#d8d8d8 60%,#c8c8c8 85%,#aaaaaa 100%); background: -webkit-linear-gradient(to bottom, #ffffff 0%,#d8d8d8 2px,#d8d8d8 60%,#c8c8c8 85%,#aaaaaa 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),color-stop(2px, #d8d8d8),color-stop(60%, #d8d8d8),color-stop(85%, #c8c8c8),color-stop(100%, #aaaaaa)); }
		.ingredientdropdown span:active { background: #fff; background: linear-gradient(to bottom, #ffffff 0%,#d5d5d5 2px,#ffffff 60%,#dddddd 85%,#aaaaaa 100%); background: -moz-linear-gradient(to bottom, #ffffff 0%,#d5d5d5 2px,#ffffff 60%,#dddddd 85%,#aaaaaa 100%); background: -webkit-linear-gradient(to bottom, #ffffff 0%,#d5d5d5 2px,#ffffff 60%,#dddddd 85%,#aaaaaa 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),color-stop(2px, #d5d5d5),color-stop(60%, #ffffff),color-stop(85%, #dddddd),color-stop(100%, #aaaaaa)); }
		.ingredientdropdown span.selected { background: #fff; background: linear-gradient(to bottom, #ffffff 0%,#d5d5d5 2px,#ffffff 60%,#dddddd 85%,#aaaaaa 100%); background: -moz-linear-gradient(to bottom, #ffffff 0%,#d5d5d5 2px,#ffffff 60%,#dddddd 85%,#aaaaaa 100%); background: -webkit-linear-gradient(to bottom, #ffffff 0%,#d5d5d5 2px,#ffffff 60%,#dddddd 85%,#aaaaaa 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),color-stop(2px, #d5d5d5),color-stop(60%, #ffffff),color-stop(85%, #dddddd),color-stop(100%, #aaaaaa)); }
		.ingredientdropdown span.faded { opacity: 0.5; }
		.clearingredients { color: red; display: inline-block; padding-left: 5px; padding-right: 5px; cursor: pointer; border: 1px solid #c55; margin-left: 12pt; text-align: center; vertical-align: center; font-size: 75%; opacity: 0.4; }
		.clearingredients:hover { opacity: 1; }
		h2 { padding-left: 10px; color: #444; margin-bottom: 4pt; }
		p { margin-top: 0pt; }
		table { width: 100%; }
		table td { border-left: 1px solid white; border-top: 1px solid white; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; background: #ddd; padding-left: 3px; padding-right: 3px; }
		td img { width: 32px; height: 32px; }
		table tr { border: 1px solid black; }
		table tr.highlighted td { background: #ffb; border-bottom: 1px solid #cc3; border-right: 1px solid #cc3; }
		table th { border-bottom: 2px solid black; }
		table.links span.link { padding-left: 2px; padding-right: 2px; padding-bottom: 1px; padding-top: 1px; display: inline-block; border: 1px solid #999; background: #ccc; background: linear-gradient(to top, rgba(170, 170, 170, 1) 0%,rgba(170, 170, 170, 0) 50%); background: -webkit-linear-gradient(to top, rgba(170, 170, 170, 1) 0%,rgba(170, 170, 170, 0) 50%); background: -moz-linear-gradient(to top, rgba(170, 170, 170, 1) 0%,rgba(170, 170, 170, 0) 50%); background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(170,170,170,1)), color-stop(50%,rgba(170,170,170,0))); border-radius: 3px; cursor: pointer; }
		table.links span.link:hover { opacity: 0.8; }
		table.links span.link.left { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-left: none; }
		table.links span.link.right { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
		table span.link.strike { text-decoration: line-through; color: #755; }
		table.links span.link.strike { border: 1px solid #bbb; }
		span.link img { width: 20px; height: 20px; vertical-align: text-bottom; }
		#footer { padding-left: 10px; padding-right: 10px; color: #777; text-align: center; }
		#footer a { color: #585858; }
		#footer a:hover { color: #777; }
		button.makablebutton { font-size: 14pt; margin: 4px; padding-left: 2px; padding-right: 2px; padding-bottom: 1px; padding-top: 1px; display: inline-block; border: 1px solid #999; background: #ccc; background: linear-gradient(to top, rgba(170, 170, 170, 1) 0%,rgba(170, 170, 170, 0) 50%); background: -webkit-linear-gradient(to top, rgba(170, 170, 170, 1) 0%,rgba(170, 170, 170, 0) 50%); background: -moz-linear-gradient(to top, rgba(170, 170, 170, 1) 0%,rgba(170, 170, 170, 0) 50%); background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(170,170,170,1)), color-stop(50%,rgba(170,170,170,0))); border-radius: 3px; cursor: pointer; }
		div.recipeFilter img { opacity: 0.6; margin: 4px; padding-left: 2px; padding-right: 2px; padding-bottom: 1px; padding-top: 1px; display: inline-block; border: 1px solid #999; background: #ccc; background: linear-gradient(to top, rgba(170, 170, 170, 1) 0%,rgba(170, 170, 170, 0) 50%); background: -webkit-linear-gradient(to top, rgba(170, 170, 170, 1) 0%,rgba(170, 170, 170, 0) 50%); background: -moz-linear-gradient(to top, rgba(170, 170, 170, 1) 0%,rgba(170, 170, 170, 0) 50%); background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(170,170,170,1)), color-stop(50%,rgba(170,170,170,0))); border-radius: 3px; cursor: pointer; }
		div.recipeFilter img:hover { opacity: 0.8; }
		div.recipeFilter img.selected { opacity: 1; border-width: 3px; margin: 2px; }
		div.foodFilter img { width: 32px; height: 32px; opacity: 0.4; margin: 4px; padding-left: 2px; padding-right: 2px; padding-bottom: 1px; padding-top: 1px; display: inline-block; border: 1px solid #999; background: #ccc; background: linear-gradient(to top, rgba(170, 170, 170, 1) 0%,rgba(170, 170, 170, 0) 50%); background: -webkit-linear-gradient(to top, rgba(170, 170, 170, 1) 0%,rgba(170, 170, 170, 0) 50%); background: -moz-linear-gradient(to top, rgba(170, 170, 170, 1) 0%,rgba(170, 170, 170, 0) 50%); background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(170,170,170,1)), color-stop(50%,rgba(170,170,170,0))); border-radius: 3px; cursor: pointer; }
		div.foodFilter img:hover { opacity: 0.8; }
		div.foodFilter img.selected { border-width: 3px; margin: 2px; opacity: 1; }
		div.foodFilter img.excluded { border-width: 3px; border-color: #711; margin: 2px; opacity: 0.8; background: #fcc; }
		strong { color: #333; }
	</style>
</head>
<body>
	<ul id="navbar">
		<li data-tab="simulator">Simulateur</li>
		<li data-tab="discovery">Exploration</li>
		<li data-tab="foodlist">Liste des aliments</li>
		<li data-tab="crockpot">Liste des recettes</li>
		<li data-tab="statistics">Analyseur</li>
		<li data-tab="help">Aide</li>
		<li><a href="http://www.dontstarvegame.com/" target="_blank">Don't Starve</a></li>
	</ul>
	<div id="main">
		<div id="simulator">
			<div style="margin-bottom: 6pt">Ajouter des ingrédients pour voir ce qu'ils produisent.</div>
			<input type="text" class="ingredientpicker" data-type="food" data-cookable="true" style="width: 25%" placeholder="Filtrer les ingrédients" /><div id="ingredients" class="ingredientlist"><span class="ingredient"></span><span class="ingredient"></span><span class="ingredient"></span><span class="ingredient"></span></div>
			<div id="results"></div>
		</div>
		<div id="discovery">
			<div style="margin-bottom: 6pt">Ajouter des éléments dans votre inventaire pour voir vos options.</div>
			<input type="text" class="ingredientpicker" style="width: 25%" placeholder="Filtrer les ingrédients" /><div id="inventory" class="ingredientlist"></div>
			Statistiques sur les aliments: 
			<div id="discoverfood"></div>
			Avec eux, vous pouvez faire:
			<div id="discover"></div>
			Trouvez quelles recettes sont les plus efficaces:
			<div id="makable"></div>
		</div>
		<div id="foodlist">
			<div id="food"></div>
		</div>
		<div id="crockpot">
			<div id="recipes"></div>
		</div>
		<div id="statistics">
		</div>
		<div id="help">
			<h2>À propos de ce Guide de nutrition</h2>
			<p>
				Il s'agit d'un outil non officiel pour vous aider à éviter la famine dans <a href="http://www.dontstarvegame.com/">Don't Starve</a>,
				un jeu de survie sans compromis en milieu sauvage avec plein de science et de magie, par <a href="http://kleientertainment.com/">Klei Entertainment</a>,
				disponible sur <a href="https://chrome.google.com/webstore/detail/dont-starve/hiledapehlkhdehbhppgmekfalnlfajc">Chrome Web Store</a>
				et <a href="http://store.steampowered.com/app/219740/">Steam</a>.
			</p>
  		<p>C'est la version traduite en Français du <a href="https://dont-starve-food.googlecode.com/git/html/index.htm">Don't Starve Food Guide</a>.</p>
			<p>Cet outil nécessite un navigateur web moderne, il est supporté par les versions récentes de: Chrome / Chromium (et mobile), Firefox, Safari (et mobile) et Internet Explorer 9 +</p>
			<p>La base de données des aliments et des recettes est à jour avec la version <strong>"It's not a rock!", du 11 Juin 2013</strong>.</p>
			<h2>À propos de Don't Starve Guide de nutrition</h2>
			<p>
				"<strong>Périsable en</strong>" c'est la période avant qu'un aliment devienne "<strong>Pourriture</strong>". <strong>Au milieu</strong> de cette période, il deviendra <strong>rassis</strong>, et donnera <strong><span id="stalehealth"></span> de Santé</strong> et <strong><span id="stalehunger"></span> de Faim</strong>.
				La nourriture <strong>avariée</strong> au <strong>trois quarts</strong>, donne seulement <strong><span id="spoiledhunger"></span> de Faim</strong> et <strong>ne donne plus de Santé</strong>.
				Manger des aliments avariés diminuera votre Mentale de <strong><span id="spoiledsanity"></span></strong>.
				La nourriture <strong>déposée sur le sol</strong> sera <strong>périsable</strong> à une vitesse de <strong><span id="perishground"></span></strong> (ou de <strong><span id="perishwinter"></span></strong> en <strong>hiver</strong>), en le maintenant dans la <strong>Glacière</strong> cela permettra de réduire la vitesse de <strong><span id="perishfridge"></span></strong>.
			</p>
			<p><strong>La priorité de la recette</strong> détermine quelle recette sera cuisinée; seulement les recettes les plus prioritaires possibles peuvent être cuisinées par lot d'ingrédients.</p>
			<p>Pour les besoins de la recette, les aliments cuits ou non cuits n'ont pas d'importance. Si c'est le cas, alors seulement la forme valable sera listée.</p>
			<h2>Simulateur</h2>
			<p>
				Le simulateur fonctionne comme une Mijoteuse: ajouter les ingrédients, et il vous dira quel plat sera préparé. Notez que seules les recettes les plus prioritaires seront effectivement cuisinées dans le jeu.
				Le "combiné" affiche la somme des valeurs des ingrédients ajoutés, et le temps de périssement de l'ingrédients le plus court.
				Les suggestions qui suivent, présentent les recettes qui pourraient être faites par l'ajout de différents ingrédients à l'un de ceux déjà dans la mijoteuse.
			</p>
			<h2>Exploration</h2>
			<p>
				L'onglet Exploration montre quelles recettes peuvent être préparées en utilisant un ensemble d'ingrédients. Il ne tient pas compte de la quantitée d'article, en supposant qu'à la place vous en avez quatre de chaque.
				Vous êtes également en mesure de calculer des recettes efficaces en utilisant vos ingrédients pour obtenir le maximum de santé ou de faim, en les faisant cuire dans la Mijoteuse. Cela fonctionne de manière identique à l'onglet Analyseur, mais limitée à l'inventaire.
			</p>
			<h2>Analyseur</h2>
			<p>
				L'onglet Analyseur est pour ceux qui veulent juste explorer des combinaisons d'ingrédients. Il va calculer toutes les combinaisons d'ingrédients valable possible (à l'aide d'une sélection d'ingrédients «idéal», à l'exclusion généralement des aliments non cuits) et permet une sélection par recettes et ingrédients contenus. Le calcul peut prendre un certain temps sur ordinateurs lents.
			</p>
			<h2>Links</h2>
 		  <p><a href="https://code.google.com/p/dont-starve-food/" target="_blank">Site de la version originale du Guide</a>
 		  <p><a href="https://code.google.com/p/dont-starve-food-fr/source/list" target="_blank">Journal des modifications du Guide de nutrition</a>
			<p><a href="https://code.google.com/p/dont-starve-food-fr/issues/list" target="_blank">Signaler les bugs ou problèmes du Guide de nutrition</a>
			<p><a href="http://www.dontstarvegame.com/" target="_blank">Site web officiel de Don't Starve</a>
			<p><a href="http://fr.dont-starve.wikia.com//" target="_blank">Don't Starve sur Wikia version Française</a>
			<p><a href="http://dont-starve-game.wikia.com/" target="_blank">Don't Starve sur Wikia version Anglaise</a>
			<p><a href="http://dontstarvefr.blogspot.fr/" target="_blank">Blog Français de Don't Starve</a>
		</div>
	</div>
	<div id="footer">
		<a href="http://www.dontstarvegame.com/">Don't Starve</a> &copy; <a href="http://kleientertainment.com/">Klei Entertainment</a>. Unofficial food guide <a href="foodguide_source.js">source code</a> made available under the <a href="http://opensource.org/licenses/MIT">MIT License</a>.
	</div>
	<script type="text/javascript" src="foodguide.js"></script>
  <script>
		(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })
		(window,document,'script','//www.google-analytics.com/analytics.js','ga');
		ga('create', 'UA-40646080-1', 'google.com');
		ga('send', 'pageview');
	</script>

</body>
</html>